<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>部门管理</title>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css"/>
    <link rel="stylesheet" href="/ztree/css/metroStyle/metroStyle.css"/>
    <script src="/ztree/js/jquery.ztree.all.min.js"></script>
    <link rel="stylesheet" href="/css/authority/authority-department.css">
    <script src="/js/authority/authority-department.js"></script>
</head>
<body>
<div class="layui-row">
    <div class="layui-col-xs11 layui-col-sm11 layui-col-md11">
        <div class="layui-card headerCenter">
            <div class="layui-card-header backColor">
                部门管理列表
                <div class="btnRight" style="margin-bottom: 10px">
                    <button onclick="refresh()" type="button" class="layui-btn layui-btn layui-btn-sm">
                        <i class="layui-icon layui-icon-refresh-1"></i>
                        刷新
                    </button>
                    <button type="button" class="layui-btn layui-btn layui-btn-sm">
                        <i class="layui-icon layui-icon-return"></i>
                        返回
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--筛选查询-->
<div class="layui-row">
    <div class="layui-col-xs11 layui-col-sm11 layui-col-md11">
        <div class="layui-card headerCenter">
            <div class="layui-card-header backColor" style=" font-size: 16px; font-weight: bold;">
                <i class="layui-icon">&#xe615;</i>
                筛选查询
            </div>
            <div class="layui-card-body">
                <form class="layui-form" style="margin-top: 5px">
                    <div class="layui-form-item">
                        <div class="floa">
                            <label class="layui-form-label fontsize" >部门名称：</label>
                            <div class="layui-input-inline" style="margin-right: -30px; padding-right: -30px">
                                <input type="text" name="deptName" required lay-verify="required" placeholder="请输入部门名称" autocomplete="off" class="layui-input inp">
                            </div>
                        </div>

                        <label class="layui-form-label fontsize" style="margin-left: 50px">管理员名称：</label>
                        <div class="layui-input-inline fontsize inp" style="width: 127px;margin-right: 50px">
                            <div class="layui-input-inline" style="margin-right: -30px; padding-right: -30px">
                                <input type="text" name="createName" required lay-verify="required" placeholder="请输入管理员名称" autocomplete="off" class="layui-input inp">
                            </div>
                        </div>

                        <label class="layui-form-label fontsize" style="margin-left: 30px">创建日期：</label>
                        <div class="layui-input-inline fontsize inp" style="width: 127px;margin-right: 50px">
                            <div class="layui-input-inline" style="margin-right: -30px; padding-right: -30px">
                                <input type="text" name="createDate" required lay-verify="required" placeholder="请输入创建日期" autocomplete="off" class="layui-input inp">
                            </div>
                        </div>

                        <label class="layui-form-label fontsize">状态：</label>
                        <div class="layui-input-inline fontsize inp" style="width: 127px;margin-right: 20px">
                            <select name="status" lay-verify="required" class="inp">
                                <option value="">请选择状态</option>
                                <option value="1">启用</option>
                                <option value="2">未启用</option>
                            </select>
                        </div>

                        <span style="float:right;">
                                <button onclick="search()" type="button" class="layui-btn layui-btn layui-btn-sm">
                                    <i class="layui-icon layui-icon-search"></i> 搜索
                                </button>
                                <button onclick="getDeptData('', '', '', '')" type="reset" class="layui-btn layui-btn-danger layui-btn layui-btn-sm">
                                    <i class="layui-icon layui-icon-refresh-1"></i> 重置
                                </button>
                            </span>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!--部门列表-->
<div class="layui-row">
    <div class="layui-col-xs11 layui-col-sm11 layui-col-md11 backColor " style="margin: 10px 0 0 20px;">
        <div class="backColor" style=" font-size: 16px; font-weight: bold; margin: 16px 0 0 20px">
            <i class="layui-icon layui-icon-list"></i>
            部门数据管理列表
            <button onclick="addDept();" type="button" class="layui-btn" style="float: right; margin: -12px 14px 0 0px">
                <i class="layui-icon layui-icon-addition"></i>
                添加部门
            </button>
        </div>
        <!--部门表格-->
        <div>
            <table id="demo" lay-filter="test"></table>
        </div>
    </div>
</div>
</body>
</html>